{extend name="./template/default/pc/pub/base.html" /}
{block name="seo"}
<title>漫画排行榜-{$site_name}</title>
<meta property="og:title" content="漫画排行榜-{$site_name}"/>

<meta property="og:description" content= "{$site_name}为大家带来最新最全免费漫画大全，这里有超多漫画资源，无论是国产动漫 韩国漫画，耽美漫画，还是恐怖漫画全都免费看，总有一个让你酣畅淋漓" />
<meta content="{$site_name}为大家带来最新最全免费漫画大全，这里有超多漫画资源，无论是国产动漫 韩国漫画，耽美漫画，还是恐怖漫画全都免费看，总有一个让你酣畅淋漓" name="description">

{/block}
{block name="content"}
<div class="">
    <section class="container-fluid banner_toplist">
        <div class="warp"><img src="/static/images/banner_toplist_text.png" alt=""></div>
    </section>
</div>
<section class="box container pb40 overflow-Show js_top_container" style="min-height:800px;">
    <div class="box-body">
        <ul class="mh-list col3 top-cat">
            <li>
                <div class="title"> 新书榜 </div>
                {raccoon:books name="books" order="last_time desc" limit="10"}
                {if $i == 1}
                <div class="clearfix">
                    <div class="mh-item horizontal">
                        <p class="mh-cover" style="background-image: url({$vo.cover_url|get_img_url|default=''})">
                            <span class="num num-{$i}">{$i}</span>
                        </p>
                        <div class="mh-item-detali">
                            <h2 class="title">
                                <a href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}">{$vo.book_name}</a>
                            </h2>
                            <p class="zl">
                                <span>作者：</span>
                                <span>
                                    <a href="#" target="_blank" style="color:#666;">{$vo.author_name}</a>
                                </span>
                            </p>
                            <div class="bottom">
                                <div class="desc"> {$vo.summary|subtext=35}...</div>

                                <p class="mh-label">
                                    {volist name="$vo.taglist" id="tag"}
                                    <a href="/{$booklist_act}?tag={$tag}"><span>{$tag}</span></a>
                                    {/volist}
                                </p>

                                <p>
                                    <a class="btn" href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}">查看详情</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                {else /}
                <div class="mh-itme-top">
                    <a href="/{$book_ctrl}/{$vo.param}" onmouseover="pop(this)" onmouseout="hide(this)"
                       title="{$vo.book_name}" style="width:100%; display: block;">
                        <span class="num num-{$i}">{$i}</span>{$vo.book_name}
                    </a>
                    <div class="mh-tip-wrap" style="z-index: 10; display: none; opacity: 1; margin-left: 0px;">
                        <div class="mh-item-tip">
                            <a href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}"
                               style="height:auto;padding-left: 0;">
                                <p class="mh-cover tip" style="background-image: url({$vo.cover_url|get_img_url|default=''})"></p>
                            </a>
                            <div class="mh-item-tip-detali">
                                <h2 class="title">
                                    <a href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}">{$vo.book_name}</a>
                                    <span class="mh-star star-4">

                                    </span>
                                </h2>
                                <p class="author">
                                    <span>作者：</span>
                                    <span>
                                        <a href="#" target="_blank">{$vo.author.author_name}</a>
                                    </span>
                                </p>
                                <div class="desc"> {$vo.summary|subtext=20}...</div>
                                <p>
                                    <a class="btn" href="/{$book_ctrl}/{$vo.param}" target="_blank">查看详情</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                {/if}
                {/raccoon:books}
            </li>
            <li>
                <div class="title"> 人气榜 </div>
                {raccoon:books name="books" order="hits desc" limit="10"}
                {if $i == 1}
                <div class="clearfix">
                    <div class="mh-item horizontal">
                        <p class="mh-cover" style="background-image: url({$vo.cover_url|get_img_url|default=''})">
                            <span class="num num-{$i}">{$i}</span>
                        </p>
                        <div class="mh-item-detali">
                            <h2 class="title">
                                <a href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}">{$vo.book_name}</a>
                            </h2>
                            <p class="zl">
                                <span>作者：</span>
                                <span>
                                    <a href="#" target="_blank" style="color:#666;">{$vo.author_name}</a>
                                </span>
                            </p>
                            <div class="bottom">
                                <div class="desc"> {$vo.summary|subtext=35}...</div>

                                <p class="mh-label">
                                    {volist name="$vo.taglist" id="tag"}
                                    <a href="/{$booklist_act}?tag={$tag}"><span>{$tag}</span></a>
                                    {/volist}
                                </p>

                                <p>
                                    <a class="btn" href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}">查看详情</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                {else /}
                <div class="mh-itme-top">
                    <a href="/{$book_ctrl}/{$vo.param}" onmouseover="pop(this)" onmouseout="hide(this)"
                       title="{$vo.book_name}" style="width:100%; display: block;">
                        <span class="num num-{$i}">{$i}</span>{$vo.book_name}
                    </a>
                    <div class="mh-tip-wrap" style="z-index: 10; display: none; opacity: 1; margin-left: 0px;">
                        <div class="mh-item-tip">
                            <a href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}"
                               style="height:auto;padding-left: 0;">
                                <p class="mh-cover tip" style="background-image: url({$vo.cover_url|get_img_url|default=''})"></p>
                            </a>
                            <div class="mh-item-tip-detali">
                                <h2 class="title">
                                    <a href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}">{$vo.book_name}</a>
                                    <span class="mh-star star-4">

                                    </span>
                                </h2>
                                <p class="author">
                                    <span>作者：</span>
                                    <span>
                                        <a href="#" target="_blank">{$vo.author.author_name}</a>
                                    </span>
                                </p>
                                <div class="desc"> {$vo.summary|subtext=20}...</div>
                                <p>
                                    <a class="btn" href="/{$book_ctrl}/{$vo.param}" target="_blank">查看详情</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                {/if}
                {/raccoon:books}
            </li>
            <li>
                <div class="title"> 完结榜 </div>
                {raccoon:books name="books" order="last_time desc" where="end=1" limit="10"}
                {if $i == 1}
                <div class="clearfix">
                    <div class="mh-item horizontal">
                        <p class="mh-cover" style="background-image: url({$vo.cover_url|get_img_url|default=''})">
                            <span class="num num-{$i}">{$i}</span>
                        </p>
                        <div class="mh-item-detali">
                            <h2 class="title">
                                <a href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}">{$vo.book_name}</a>
                            </h2>
                            <p class="zl">
                                <span>作者：</span>
                                <span>
                                    <a href="#" target="_blank" style="color:#666;">{$vo.author_name}</a>
                                </span>
                            </p>
                            <div class="bottom">
                                <div class="desc"> {$vo.summary|subtext=35}...</div>

                                <p class="mh-label">
                                    {volist name="$vo.taglist" id="tag"}
                                    <a href="/{$booklist_act}?tag={$tag}"><span>{$tag}</span></a>
                                    {/volist}
                                </p>

                                <p>
                                    <a class="btn" href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}">查看详情</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                {else /}
                <div class="mh-itme-top">
                    <a href="/{$book_ctrl}/{$vo.param}" onmouseover="pop(this)" onmouseout="hide(this)"
                       title="{$vo.book_name}" style="width:100%; display: block;">
                        <span class="num num-{$i}">{$i}</span>{$vo.book_name}
                    </a>
                    <div class="mh-tip-wrap" style="z-index: 10; display: none; opacity: 1; margin-left: 0px;">
                        <div class="mh-item-tip">
                            <a href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}"
                               style="height:auto;padding-left: 0;">
                                <p class="mh-cover tip" style="background-image: url({$vo.cover_url|get_img_url|default=''})"></p>
                            </a>
                            <div class="mh-item-tip-detali">
                                <h2 class="title">
                                    <a href="/{$book_ctrl}/{$vo.param}" title="{$vo.book_name}">{$vo.book_name}</a>
                                    <span class="mh-star star-4">

                                    </span>
                                </h2>
                                <p class="author">
                                    <span>作者：</span>
                                    <span>
                                        <a href="#" target="_blank">{$vo.author.author_name}</a>
                                    </span>
                                </p>
                                <div class="desc"> {$vo.summary|subtext=20}...</div>
                                <p>
                                    <a class="btn" href="/{$book_ctrl}/{$vo.param}" target="_blank">查看详情</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                {/if}
                {/raccoon:books}
            </li>
        </ul>
    </div>
</section>
<ul class="index-right-float bottom" style="display: block;">
    <li>
        <a href="javascript:void(0);" class="index-side-code">
            <img class="index-float-code" src="/static/images/wxqrcode.jpg">
        </a>
    </li>
    <li><a href="javascript:slide();" class="index-right-float-top"></a></li>
</ul>
<script>
    function pop(obj) {
        $(obj).siblings('.mh-tip-wrap').show(100);
    }

    function hide(obj) {
        $(obj).siblings('.mh-tip-wrap').hide(100);
    }
</script>
{/block}